<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>收入查询</title>
    <link rel="stylesheet"  th:href="@{css/oksub.css}">
    <script type="text/javascript"  th:src="@{lib/loading/okLoading.js}"></script>
    <link rel="stylesheet" th:href="@{lib/bootstrap/css/bootstrap.min.css}"/>
    <style>
        #info{
            display: none;
            width: 200px;
            height: 200px;
            background-color: #000000;
            border-radius: 30px;
            margin: 150px auto;
            color: white;
            position:fixed;
            opacity:0.8;
            top:7%;
            left:35%;
            z-index: 100000;
        }
        #info p{
            text-align: center;
            font-weight: bold;
            font-size: 60px;
        }
    </style>
</head>
<body class="console console1 ok-body-scroll">
<!--提示框 -->
<div id="info">
    <span id="msg"></span>
    <p id="sign"></p>
</div>

<div class="ok-body home">

    <div class="layui-row layui-col-space15">
        <div class="layui-col-md2">

        </div>
        <div class="layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-header">
                    <div class="ok-card-title">请输入您的查询日期</div>
                </div>
                <div class="ok-card-body map-body">
                    <div class="input-group input-group-lg">
                        <span class="input-group-addon" id="sizing-addon1">年</span>
                        <input id="queryYear" type="text" class="form-control" placeholder="不能为空" aria-describedby="sizing-addon1">
                    </div>
                    <p>&nbsp;</p>
                    <div class="input-group input-group-lg">
                        <span class="input-group-addon" id="sizing-addon2">月</span>
                        <input id="queryMonth" type="text" class="form-control" placeholder="可为空" aria-describedby="sizing-addon2">
                    </div>
                    <p>&nbsp;</p>
                    <div class="input-group input-group-lg">
                        <span class="input-group-addon" id="sizing-addon3">日</span>
                        <input id="queryDay" type="text" class="form-control" placeholder="可为空" aria-describedby="sizing-addon3">
                    </div>
                    <p>&nbsp;</p>
                    <button class="btn btn-lg btn-default" style="margin-left: 40%;" id="query">查询</button>

                </div>
            </div>
        </div>

        <div class="layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-header">
                    <div class="ok-card-title" id="incomeTitle">今日收入占比</div>
                </div>
                <div class="ok-card-body map-body">
                    <div style="height: 100%;" id="userSourceTodayChart"></div>
                </div>
            </div>
        </div>
        <div class="layui-col-md2">

        </div>

    </div>
</div>
</body>
<script th:src="@{js/jquery.min.js}"></script>
<script th:src="@{lib/bootstrap/js/bootstrap.min.js}"></script>
<script th:src="@{lib/layui/layui.js}"></script>
<script th:src="@{lib/echarts/echarts.min.js}"></script>
<script th:src="@{lib/echarts/echarts.themez.js}"></script>
<script th:src="@{js/admin-incomeQuery.js}"></script>
</html>